
<template>

  <div class="work-order-detail">
    <el-descriptions :column="1" border>
      <el-descriptions-item label="工程名称">{{ workOrder.projectName }}</el-descriptions-item>
      <el-descriptions-item label="设备名称">{{ workOrder.deviceName }}</el-descriptions-item>
      <el-descriptions-item label="问题描述">{{ workOrder.problemDesc }}</el-descriptions-item>
      <el-descriptions-item label="状态">
        <el-tag :type="statusTagType(workOrder.status)">
          {{ formatStatus(workOrder.status) }}
        </el-tag>
      </el-descriptions-item>
      <el-descriptions-item label="工单类型">{{ workOrder.workOrderType }}</el-descriptions-item>
      <el-descriptions-item label="创建时间">{{ workOrder.createTime }}</el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<script>
export default {
  props: {
    workOrder: {
      type: Object,
      required: true
    }
  },
  methods: {
    // Reuse status formatting methods from parent or define here
  }
}
</script>